#whiteheader {
	position: fixed;
	_position:absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	height: 80px;
	width: 100%;
	-moz-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
	ul {
		list-style: none;
		height: 20px;
		float: right;
		margin-top: 33px;
		width: 270px\0;
		li {
			display: inline;
			float: left;
			margin-right: 35px;
			height: 20px;
			color:#FFF;
			a {
				font-size: 16px;
				line-height: 20px;
				color:#FFF;
				-moz-transition: color .3s ease-out 0s;
			    -webkit-transition: color .3s ease-out 0s;
			    -o-transition: color .3s ease-out 0s;
			    transition: color .3s ease-out 0s;
			    &:hover {
					color:#336;
			    }
			}
		}	
	}
	.logo {
		width: 128px;
		margin-top: 16px;
		height: 47px;
		background-image: url(/static/common/lib/img/logo.png);
		background-repeat: no-repeat;
		float: left;
	}
	.header_user_name {
		font-size: 16px;
		line-height: 20px;
		opacity: 0.75;
		filter: alpha(opacity=75);
	}
	.v_line {
		height: 35px;
		width: 1px;
		float: left;
		background-color:#669;
		margin-top: 28px;
		margin-left: 30px;
	}
	.logo_info {
		width: 160px;
		float: left;
		margin-top: 28px;
		margin-left: 25px;
		font-size: 16px;
		line-height: 18px;
		color: #669;
		span {
			font-style: italic;
			color:#CCF;
			letter-spacing:2px;
			margin-right: 2px;
		}
	}
}
@media screen and(max-width:600px){
	#whiteheader {
		.v_line {
			display: none;
		}
		.logo_info {
			display: none;
		}
		ul {
			display: none;
		}
		// .logo {
		// 	float: none;
		// 	margin: 16px auto;
		// }
	}
}

